<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>商品详情</title>
    <link rel="stylesheet" href="./css/orderform.css">
</head>
<body>
<div class="container">
    <div class="left">
        <img id="big-image" src="./uploads/bl.png" alt="Product image">
        <div class="thumbnails">
            <div class="thumbnail">
                <img src="./uploads/ss1.png" alt="Thumbnail" onclick="updateBigImage('images/详情1.png')">
            </div>
            <div class="thumbnail">
                <img src="./uploads/ss2.png" alt="Thumbnail" onclick="updateBigImage('images/详情7.jpg')">
            </div>
            <div class="thumbnail">
                <img src="./uploads/ss3.png" alt="Thumbnail" onclick="updateBigImage('images/详情6.png')">
            </div>
            <div class="thumbnail">
                <img src="./uploads/ss4.png" alt="Thumbnail" onclick="updateBigImage('images/详情7.png')">
            </div>

        </div>
    </div>
    <div class="right">
        <h1 style="height: 50px;">红心芭乐番石榴 </h1>
        <p style="height: 50px;">【新品】软糯红心芭乐10斤新鲜水果软甜番石榴奶油翻潘藩鸡屎果新鲜巴乐果</p>

        <div class="price"><span style="color: gray;">销售价     </span>￥23.00</div>
        <p style="color: gray ;height: 50px;">购物积分                             <span>23</span></p>

        <div id="wrap">
            <div id="top">
                <p id='model'> <font>重量</font></p>
                <p>  <span>3斤</span> <span>5斤</span> <span>9斤</span><span>10斤</span></p>
                <p id='long'> <font>单果规格</font> </p>
                <p> <span>【尝鲜小果】30-50g</span> </p><p><span>【爆赞中果】50-80g</span> </p>
            </div>
            <div id="bottom">
                <p>价格： <font>￥ <span id='price'>23</span>.00</font></p>
                <a href="myorderform1.html"><button>立即购买</button></a>
            </div>

        </div>
    </div>
</div>
<div>

</body>
</html>